<div class="XGMM-body">
    <!-- 头部 -->
    <div class="XGMM-h">
        <div class="h">
            实名认证
        </div>
        <div class="smrz-type" *ngIf='pageDel.isCertificate == "N"'>
            <img src="../../../../../assets/img/smrz-page/N.png" alt="">
            <h1>未实名认证</h1>
        </div>
    </div>

    <div class="smrz-type" *ngIf='pageDel.isCertificate == "Y"'>
        <img src="../../../../../assets/img/smrz-page/Y.png" alt="">
        <h1>已实名认证</h1>
    </div>
    <div class="body">
        <p>安全提示:您的真实姓名、身份证号及身份证照片，我们仅用于实名认证，不会透露给任何第三方 </p>
        <div class="content">

            <form nz-form class="form" [formGroup]="form">
                <!-- 姓名 -->
                <nz-form-item>
                    <nz-form-label [nzSpan]="3">姓名</nz-form-label>
                    <nz-form-control [nzSpan]="6">
                        <nz-input-group [nzSuffix]="suffixTemplate">
                            <input nz-input formControlName="name" placeholder="姓名" name="name" type="text" id="name" />
                        </nz-input-group>
                        <nz-form-explain *ngIf="form.get('name').dirty && form.get('name').errors">
                            请输入姓名</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
                <!-- 身份证号码 -->
                <nz-form-item>
                    <nz-form-label [nzSpan]="3">身份证号码</nz-form-label>
                    <nz-form-control [nzSpan]="6">
                        <nz-input-group [nzSuffix]="prefixTemplatePassword">
                            <input nz-input formControlName="idCardNum" placeholder="身份证号码" name="idCardNum" type="text"
                                id="idCardNum" />
                        </nz-input-group>
                        <nz-form-explain *ngIf="form.get('idCardNum').dirty && form.get('idCardNum').errors">
                            请输入正确的身份证号码</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>

            </form>

            <div class="form">
                <!-- 上传身份 -->
                <div class="updateImg-form">
                    <div>
                        <nz-form-label [nzSpan]="3">身份证正面</nz-form-label>
                        <clain-image-upload picUrl='../../../../assets/img/smrz-page/id-z.png'
                            [(ngModel)]='idcardFrontPhoto'></clain-image-upload>
                    </div>
                    <div style="margin-top: 20px;">
                        <nz-form-label [nzSpan]="3">身份证背面</nz-form-label>
                        <clain-image-upload picUrl='../../../../assets/img/smrz-page/id-b.png'
                            [(ngModel)]='idcardBackPhoto'></clain-image-upload>
                    </div>
                    <div style="margin-top: 20px;">
                        <nz-form-label [nzSpan]="3">手持身份证</nz-form-label>
                        <clain-image-upload picUrl='../../../../assets/img/smrz-page/id-sc.png'
                            [(ngModel)]='idCardHoldPhoto'></clain-image-upload>
                    </div>
                </div>
                <div style="margin: 50px;">
                    <button nz-button [nzType]="'primary'" (click)="submit()">提交</button>
                </div>
            </div>


        </div>
    </div>
</div>